@import url(base.css);
body{
font-family: "Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","微软雅黑","黑体",Arial,sans-serif;
}
.clearfloat
{
margin:0;
padding:0;
border:0;
height:0;
line-height:0;
font-size:0;
size:0;
clear:both;
}

/*微信浮动开始*/
.wxfd{
width:120px;
height:150px;
position:fixed;
top:63%;
}
.wxfd img{
width:100%;
height:120px;
}
.wxfd p{
width:100%;
height:30px;
font-size:12px;
color:#2e2d2d;
text-align:center;
line-height:30px;
}
.wxfd-one{
left:0px;z-index: 999;
}
.wxfd-two{
right:0px;z-index: 999;
}
/*微信浮动结束*/
/*左边浮动开始*/
.left-fd{
width:41px;
height:202px;
position:fixed;
top:30%;
left:8%;
z-index:1000;
display:none;
}
.left-fd-list{
position:absolute;
left:-30px;
width:60px;
height:11px;
}
.left-fd-list a{
width:100%;
height:100%;
display:block;
}
.left-fd-list p{
font-family:"宋体";
font-size:12px;
color:#a1a1a1;
float:left;
}
.left-fd-list .tu{
width:11px;
height:11px;
float:right;
margin-right:4px;
}

.left-fd-two{
width:41px;
height:202px;
background-image:url(../img/left-nav-bj.png);
position:fixed;
top:30%;
left:8%;
z-index:900;
display:none;
}
.left-fd-list-two{
position:absolute;
left:-30px;
width:60px;
height:11px;
}
.left-fd-list-two a{
width:100%;
height:100%;
display:block;
}
.left-fd-list-two p{
font-family:"宋体";
font-size:12px;
color:#a1a1a1;
float:left;
}
.left-fd-list-two .tu{
width:11px;
height:11px;
float:right;
margin-right:4px;
}
/*左边浮动结束*/

/*头部开始*/
.top{
width:100%;
height:75px;
}
.top-con{
width:1040px;
height:100%;
margin:0 auto;
}
.logo{
width:520px;
height:75px;
float:left;
}
.logo img{
width:100%;
height:100%;
}
.top-right{
width:200px;
height:100%;
float:right;
}
.top-right-one{
width:90%;
height:20px;
padding-right:10%;
line-height:20px;
margin:7px 0px;
}
.top-right-one a{
font-size:13px;
line-height:20px;
color:#525252;
float:right;margin-right: 5px;
}
.top-right-one p{
margin:0 2px;
float:right;
}
.top-right-two{
width:100%;
height:45px;
font-size:28px;
line-height:45px;
color:#0660a5;
text-align:right;
}
/*头部结束*/

/*导航开始*/
.nav{
width:100%;
height:50px;
background-color:#000;
}
.nav-con{
width:1040px;
height:100%;
margin:0 auto;
}
.nav-list{
width:120px;
height:100%;
line-height:50px;
float:left;
    margin: 0px 10px;
}
.nav-list a{
width:100%;
height:100%;
display:block;
text-align:center;
font-size:14px;
color:#fff;
font-weight:bold;
}
.nav-list a:hover{
background-color:#ff7200;
}
.nav-con .focus{
background-color:#ff7200;
}
/*导航结束*/

/*banner开始*/
.banner-con{height:535px;width:100%;margin:0 auto;overflow:hidden;position:relative;}
.banner-con .d1{width:100%;height:535px;display:block;overflow:hidden;}
.banner-con .d2{width:1000px;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:82%;}
.banner-con .d2 ul{width:390px;height:30px;background-image:url(../img/btn-bj.png);line-height:30px;float:left;position:absolute;left:56%;top:0;margin:0 auto;display:inline;}
.banner-con .d2 li{width:80px;height:5px;overflow:hidden;cursor:pointer;background:url(../img/btn1.png) no-repeat center;float:left;margin:5px;display:inline;}
.banner-con .d2 li.nuw{background:url(../img/btn1-1.png) no-repeat center;}

.banner-neiye{
width:100%;
}
.banner-neiye img{
width:100%;
}

.next{
width:100%;
height:50px;
position:absolute;
bottom:20px;
left:0;
}
.next img{
width:50px;
height:50px;
display:block;
margin:0 auto;
}
/*banner结束*/


/*内容开始*/
.center{
width:100%;
height:2620px;
overflow:hidden;
position:relative;
}
.bj{
width:100%;
position:absolute;
left:0px;
}
.center-con{
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
z-index:100;
}

/*关注开始*/
.gz{
width:100%;
height:550px;
margin-top:40px;
}
.gz-top{
width:100%;
height:80px;
text-align:center;
line-height:80px;
border-bottom:1px solid #efefef;
margin-top:30px;
}
.gz-top p{
width:auto;
height:100%;
overflow:hidden;
line-height:80px;
font-size:36px;
color:#000;
display:inline-block;
border-bottom:1px solid #11b2e1;
}
.gz-con{
width:1080px;
height:400px;
margin:0 auto;
margin-top:30px;
margin-bottom:50px;
}

.sevicelist{ margin:auto; width:100%; margin-top:50px; position:relative; height:360px; overflow:hidden;
}

.sevicelist li{ float:left; width:252px; padding:10px 0px; height:330px; overflow:hidden; 
	transition:all 0.3s;

	-moz-transition:all 0.3s;

	-o-transition:all 0.3s;

	-moz-transition:all 0.3s;

	-webkit-transition:all 0.3s;

	border-radius:5px;

	-moz-border-radius:5px; /* Old Firefox */

	position:absolute;

	bottom:-350px;

	/*filter:alpha(opacity=0); IE滤镜，透明度50%*/

	-moz-opacity:0; /*Firefox私有，透明度50%*/

	opacity:0;/*其他，透明度50%*/

	}

.sevicelist li:hover{ 

	
	border-radius:5px;

	-moz-border-radius:5px; /* Old Firefox */

	}

#sev1{

	

	}

#sev2{

	left:275px;

	}

#sev3{

	left:550px;

	}

#sev4{

	left:825px;

	}

.listbox{

	margin:25px auto;

	width:130px;

	height:130px;

	line-height:130px;

	background:#393939;

	border-radius:10px;

	-moz-border-radius:10px; /* Old Firefox */

	transform: rotate(45deg);

	-ms-transform: rotate(45deg);		/* IE 9 */

	-webkit-transform: rotate(45deg);	/* Safari and Chrome */

	-o-transform: rotate(45deg);		/* Opera */

	-moz-transform: rotate(45deg);		/* Firefox */

	font-size:70px;

	text-align:center;

	color:#FFF;

	

	transition:all 0.5s ease-in-out;

	-moz-transition:all 0.5s ease-in-out;

	-o-transition:all 0.5s ease-in-out;

	-moz-transition:all 0.5s ease-in-out;

	-webkit-transition:all 0.5s ease-in-out;


	}

.sevicelist li:hover .listbox{

	transform: rotate(405deg);

	-ms-transform: rotate(405deg);		/* IE 9 */

	-webkit-transform: rotate(405deg);	/* Safari and Chrome */

	-o-transform: rotate(405deg);		/* Opera */

	-moz-transform: rotate(405deg);		/* Firefox */

	}

.listli{

	position:relative;

	top:-135px;

	font-size:70px;

	text-align:center;

	color:#FFF;

	height:90px;

	overflow:hidden;

	}

.heig{font-size:100px;}

.low{ font-size:60px;}



.listtext{

	position:relative;

	top:-90px;

	width:195px;

	margin:auto;

	}

.listtext h2{ text-align:center; font-size:22px; line-height:55px;}

.listtext h3{ text-align:center; font-size:12px; font-weight:normal; line-height:23px;}



.next-two{
width:100%;
height:50px;
}
.next-two a{
width:50px;
height:50px;
display:block;
margin:0 auto;
}
.next-two a img{
height:100%;
height:100%;
}
/*关注结束*/

/*产品开始*/
.cp{
width:100%;
height:590px;
}
.cp-top{
width:100%;
height:80px;
text-align:center;
line-height:80px;
border-bottom:1px solid #efefef;
margin-top:10px;
}
.cp-top p{
font-size:36px;
color:#fff;
display:inline-block;
border-bottom:1px solid #eb6100;
}
.cp-con{
width:1040px;
height:460px;
margin:0 auto;
}
.cp-list{
width:210px;
height:210px;
float:left;
position:relative;
margin:10px 25px;
}
.cp-list a{
width:100%;
height:100%;
display:block;
}
.cp-tu{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;  border-radius: 50%;
}
.cp-xtop{
width:130px;
height:130px;
position:absolute;
top:40px;
left:40px;
z-index:50;
text-shadow: #fff 2px 2px 2px;
font-size:18px;
font-weight:bold;
color:#000;
line-height:130px;
text-align:center;
}
.cp-dtop{
width:100%;
height:100%;
position:absolute;
top:0px;
left:-1px;
z-index:100;

font-size:20px;
font-weight:bold;
color:#000;
line-height:210px;
text-align:center;
display:none;
}
/*产品结束*/

/*新闻开始*/
.xw{
width:100%;
height:590px;
}
.xw-top{
width:100%;
height:80px;
text-align:center;
line-height:80px;
border-bottom:1px solid #efefef;
margin-top:10px;
}
.xw-top p{
font-size:36px;
color:#000;
display:inline-block;
border-bottom:1px solid #11b2e1;
}
.xw-con{
width:1040px;
height:430px;
margin:0 auto;
margin-top:30px;
position:relative;
}
.xw-xian{
width:50%;
height:100%;
border-right:1px solid #c1c1c1;
}
.xw-box{
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
z-index:100;
}
.xw-list-1,.xw-list-3,.xw-list-5{
width:553px;
height:65px;
float:right;
margin-bottom:10px;
}
.xw-list-1 img,.xw-list-3 img,.xw-list-5 img{
width:65px;
height:65px;
float:left;
}
.xw-list-1-con,.xw-list-3-con,.xw-list-5-con{
width:440px;
height:100%;
float:right;
margin-right:30px;
}
.xw-list-1-con .b,.xw-list-3-con .b,.xw-list-5-con .b{
font-size:16px;
color:#080808;
display:block;
line-height:30px;
text-align:left;
}
.xw-list-1-con .b:hover,.xw-list-3-con .b:hover,.xw-list-5-con .b:hover{
color:#ff7200;
}
.xw-list-1-con  p,.xw-list-3-con  p,.xw-list-5-con p{
font-family:"宋体";
font-size:12px;
color:#6c6c6c;
line-height:20px;
text-align:left;
}
.xw-list-2,.xw-list-4{
width:553px;
height:65px;
float:left;
margin-bottom:10px;
}
.xw-list-2 img,.xw-list-4 img{
width:65px;
height:65px;
float:right;
}
.xw-list-2-con,.xw-list-4-con{
width:440px;
height:100%;
float:left;
margin-left:30px;
}
.xw-list-2-con .b,.xw-list-4-con .b{
font-size:16px;
color:#080808;
display:block;
line-height:30px;
text-align:right;
}
.xw-list-2-con .b:hover,.xw-list-4-con .b:hover{
color:#ff7200;
}
.xw-list-2-con p,.xw-list-4-con p{
font-family:"宋体";
font-size:12px;
color:#6c6c6c;
line-height:20px;
text-align:right;
}
.more{
width:100%;
height:30px;
float:left;
margin-top:27px;
}
.more a{
width:105px;
height:100%;
display:block;
margin:0 auto;
background-image:url(../img/more-bj.png);
font-size:12px;
font-weight:bold;
color:#fff;
line-height:30px;
text-align:center;
}
.more a:hover{
color:#eb6100;
}
/*新闻结束*/

/*联系我们开始*/
.lxwm{
width:100%;
height:590px;
}
.lxwm-con{
width:1040px;
height:430px;
margin:0 auto;
margin-top:120px;

}
.lxwm-one{
width:40%;
height:100%;
float:left;
margin:0 5%;
}
.ditu{
width:420px;
height:420px;
}
.ditu img{
width:100%;
height:100%;
}
.lxwm-two{
width:40%;
height:100%;
float:right;
margin:0 5%;
}
.lxwm-zt-one{
font-size:53px;
line-height:60px;
font-weight:bold;
color:#fff;
margin:10px 0;
}
.lxwm-zt-two{
font-size:24px;
line-height:25px;
font-weight:bold;
color:#fff;
margin:10px 0;
}
.lxwm-zt-three{
width:100%;
height:40px;
padding:20px 0px;
}
.lxwm-zt-three b{
height:40px;
font-size:35px;
display:inline-block;
line-height:40px;
color:#fff;
float:left;
}
.lxwm-zt-three p{
width:5px;
height:40px;
display:inline-block;
background-color:#e60012;
margin-right:10px;
float:left;
}
.lxwm-zt-four{
font-family:"宋体";
font-size:14px;
line-height:25px;
color:#fff;
margin:10px 0;
}
/*联系我们结束*/

/*内容结束*/

/*底部开始*/
.bottom{
width:100%;
height:180px;
padding-top:50px;
}
.bottom-con{
width:1040px;
height:100%;
margin:0 auto;
}
.bottom-one{
width:100%;
height:150px;
position:relative;
}
.bottom-zt{
font-family:"宋体";
font-size:26px;
line-height:100px;
color:#282828;
display:inline-block;
position:absolute;
top:0px;
}
.bottom-left{
left:0px;
}
.bottom-right{
right:0px;
}
.bottom-one-con{
width:420px;
height:100px;
margin:0 auto;
}
.bottom-one-con a{
width:100px;
height:100px;
display:block;
margin:0 20px;
float:left;
}
.bottom-one-con a img{
width:100%;
height:100%;
}
.bottom-two{
width:100%;
height:30px;
font-family:"宋体";
font-size:14px;
line-height:30px;
text-align:center;
color:#282828;
}
/*底部结束*/

.center-neiye{
width:1040px;
height:auto;
overflow:hidden;
margin:20px auto;
}

/*左侧开始*/
.left{
width:870px;
height:auto;
overflow:hidden;
float:left;
}
.left-top{
width:99%;
height:40px;
border:1px solid #ccc;
background-color:#fbfbfb;
}
.left-top img{
width:30px;
height:40px;
float:left;
}
.ssdh{
width:auto;
height:100%;
line-height:40px;
float:left;
font-family:"宋体";
font-size:12px;
color:#8d8d8d;  float: right;  margin-right: 10px;
}
.ssdh a{
font-family:"宋体";
font-size:12px;
color:#8d8d8d;
}
.ssdh a:hover{
color:#eb6100;
}
.name{
width:99%;
height:45px;
background-image:url(../img/nav-neiye.png);
margin-top:5px;
border:1px solid #ccc;
}
.name-con{
width:105px;
height:100%;
background-image:url(../img/nav1.png);
font-size:16px;
color:#fff;
text-align:center;
line-height:45px;float: left;
}
.left-con{
width:94%;
height:auto;
min-height:400px;
border:1px solid #ccc;
padding:20px 2.5%;
margin-top:10px;
background-color:#fff;
}
/*左侧结束*/

/*右侧开始*/
.right{
width:160px;
height:auto;
overflow:hidden;
float:right;
}
.right-fenlei{
width:99%;
height:auto;
overflow:hidden;
border:1px solid #ccc;
border-bottom:0;
margin-bottom:5px;
}
.right-fenlei-top{
width:100%;
height:40px;
border-bottom:1px solid #ccc;
}
.right-fenlei-top-con{
width:95px;
height:100%;
background-image:url(../img/nav2.png);
font-size:16px;
color:#fff;
text-align:center;
line-height:40px;
}
.right-two{
background-image:url(../img/nav3.png);
}
.right-con{
width:100%;
height:auto;
overflow:hidden;
}
.right-list{
width:100%;
height:35px;
border-bottom:1px solid #ccc;
}
.right-list a{
width:100%;
height:100%;
display:block;
}
.right-list a:hover{
background-color:#fffdf8;
}
.right-list img{
width:20px;
height:100%;
float:left;
margin-left:30px;
}
.right-list p{
font-size:14px;
color:#000;
line-height:32px;
float:left;
}
.lxwm-tu{
width:100%;
height:60px;
}
.lxwm-tu img{
width:100%;
height:100%;
}
/*右侧结束*/